.body
{
	text-align: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.wrapper
{
	display: inline-block;
    height: auto;
    width: 980px;
}

.header
{
	font-weight: bolder;
	display: block;
	width: 980px;
	height: 120px;
}

.header img
{
	float: left;
}

 .bar hr
{ 
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 5px;
	height: 5px;
	width:952px;
	border-radius: 5px;
    background-color: #000000;
	-moz-box-shadow:  0 0 0 3px #D8D8D8;
	-webkit-box-shadow: 0 0 0 3px #D8D8D8;
	box-shadow: 0 0 0 3px #D8D8D8;
}

.key
{   
	display: inline;
	float: right;
	margin-top: 20px;
	margin-right: 15px;
	font-weight: bolder;
}

.legend
{

  	width: 65%
	display: inline-block;
 	vertical-align: middle;	
	float:left;
	font-weight: bolder;
	font-size: 20pt;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	font-family: arial, sans-serif;
	font-size: 40px;
	font-weight: bold;

}

.key li{list-style: none;}

.container
{
	display: block;
	height:auto;
	width:952px;
	margin: auto;
}

.footer
{	
	display: block;
	height: 20px;
	margin-top: 10px;
	font-weight: bold;
}

.course_box
{
	display:block;
	position: fixed;
	margin-left: 70px;
	margin-top: 500px;
	font-weight: bolder;
	background-color: #D8D8D8;
	border-radius: 3px;
	height: 155px;
	width: 300px;
	border: 1px solid black;
}

.statistics_box
{
	display:block;
	position: fixed;
	margin-left: 70px;
	margin-top: 300px;
	font-weight: bolder;
	background-color: #D8D8D8;
	border-radius: 3px;
	height: 155px;
	width: 300px;
	border: 1px solid black;
}

.note
{
	display: inline-block;
	float: right;
	height: 140px;
	width: 230px;
	margin-left: 10px;
	margin-top: -76px;
	margin-right: 10px;
	padding: 2px 2px;
	background-color: #FFFFFF;
	-moz-box-shadow: inset 0 0 5px 5px #888;
	-webkit-box-shadow: inset 0 0 5px 5px#888;
	box-shadow: inset 0 0 5px 5px #888;
}

.note ul{list-style-type: none;}
.note ul li{display: inline; float: left; margin-right: 50px;}

.cross_box
{
	display: block;
	background-color: #7E18A6;
	height: 75px;
	width: 75px;
	border-radius: 6px;
	margin-left: -25px;
	margin-top: 7px;
	-moz-box-shadow: inset -2px -2px #2E2E2E;
	-webkit-box-shadow: inset -2px -2px #2E2E2E;
	box-shadow: inset -2px -2px #2E2E2E;
}

.cross_box img{margin-top: 5px;}

.questions
{
	display: inline-block;
	margin: 20px;
	height: 100%;
	width: 100%;
	font-weight: bolder;
	font-size: 18px;
}

.question_box
{
	display:inline-block;
	text-align: left;
	background: #E6E6E6;
	border-radius: 5px;
	position: relative;
	border: 1px solid black;
	width: 950px;
	-moz-box-shadow:  0 0 0 3px #D8D8D8;
	-webkit-box-shadow: 0 0 0 3px #D8D8D8;
	box-shadow: 0 0 0 3px #D8D8D8;
}

.expander
{
	float: left;
	background: #cfcfcf;
	min-width: 30px;
	min-height: 30px;
	max-width: 30px;
	max-height: 30px;
	vertical-align: middle;
	margin-left: 10px;
	margin-top: 7px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}

.plusMinus
{
	vertical-align: middle;
	font-family: arial, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #5c5c5c;
	text-align: center;

}

.legend_box
{
	display:inline-block;
	text-align: left;
	background: white;
	border-radius: 5px;
	width: 950px;

}

.question
{
	display: block;
 	vertical-align: middle;	
	float:left;
	font-weight: bolder;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 18px;
	font-family: arial, sans-serif;
	max-width: 450px;
}

.question_scores
{
	display: block;
  	width: 100%;
	margin-left: 145px;
	text-align: center;
	float:left;
	font-size: 15pt;
	font-family: arial, sans-serif;
 	vertical-align: middle;	
	margin-top: -10px;

}

.question_answers
{
	display: block;
	float:left;
	font-size: 15pt;
	margin: 5px;
	font-family: arial, sans-serif;
}

.questionBreakdown
{
  display: inline-block;
  vertical-align:middle;	
  float:left;
  font-weight: bolder;
  font-size: 16pt;
  margin-left: 20px;
  margin-right: 400px;
}

.question_graph
{
	float: right;	
	display:inline-block;
	vertical-align: middle;
	width: 400px;
	text-align: left;

	position: absolute;      
	top: 20%;      
	right: 1%;
                  
}

.legend_graph
{
	display:inline-block;
	padding: 20px;
	vertical-align: middle;
	float: right;
	width: 400px;
	text-align: left;
	background: white;
	margin-right: -10px;
}

.graphBox
{

	float: left;
	width: 80px;
	height: 40px;
	vertical-align: middle;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
}

.graphStronglyDisagree
{

	background: #e8464a;
	text-align: center;
	padding-top: 5px;
	height: 35px;
	

}

.graphDisagree
{
	
	background: #f4a8aa;
	text-align: center;
	padding-top: 10px;
	height: 30px;
		
}
.graphNeutral
{

	background: #f0ecd5;
	text-align: center;
	padding-top: 10px;
	height: 30px;
	
}
.graphAgree
{

	background: #a2d2d7;
	text-align: center;
	padding-top: 10px;
	height: 30px;
	
}

.graphStronglyAgree
{

	background: #7092be;
	text-align: center;
	padding-top: 5px;
	height: 35px;
	
}

.results
{
  display: inline-block;
  float:right;
  background-color: #424242;
  border-radius: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
}

.response
{
	display: inline-block;
	height: 80px;
	width: 934px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #FFFFFF;
	-moz-box-shadow: inset 0 0 5px 5px #888;
	-webkit-box-shadow: inset 0 0 5px 5px#888;
	box-shadow: inset 0 0 5px 5px #888;
}

.courses
{
	display: inline-block;
	margin-left: 100px;
	margin-top: 20px;
	float: left;
}

.filter
{
	float: right;
	display: inline;
	margin-top: 85px;
	margin-right: 20px;
	font-weight: bold;
}

#course_list
{
	width: 500px;
	background-color: #F2F2F2;
}

#course_list table 
{
	padding: 15px;
}

#course_list th
{
	background-color: #2E9AFE; 
	font-size: 18px; 
	font-weight: bolder;
}

#course_list a
{
	text-decoration: none;
	 color: #0000FF; 
	 font-weight: bolder;
}

#overall_score
{
	display: inline-block;
	margin-left: 20px;
	margin-top: 20px;
	font-size: 78px;
	font-weight: bolder;
	color: #FFFFFF;
	border-radius: 10px;
	padding: 30px;
	background-color: #1C1C1C;
	-moz-box-shadow:  0 0 0 3px rgb(41, 103, 233);
	-webkit-box-shadow: 0 0 0 3px rgb(41, 103, 233);
	box-shadow: 0 0 0 3px rgb(41, 103, 233);
}

#overall_over_time
{
	display: inline-block;
	margin-top: 50px;
	height: 500px;
	width: 912px;
}
